<script>
    if (jQuery.browser.mozilla){
        jQuery('#home #sidebar .aftersidebar').css('margin-top','10px'); 
    }else if (jQuery.browser.safari){
        jQuery('#home #sidebar .aftersidebar').css('margin-top','9px'); 
    }else if (jQuery.browser.msie){
        jQuery('#home #sidebar .aftersidebar').css('margin-top','15px'); 
    }
</script>
<div id="partners-div-holder">
    <div class="close-partners-holder">
        <a href="javascript:void(0)" id="close-partners-trigger">
            <div class="close-partners">X</div>
        </a>
    </div>
    <div id="partners-div">

        <h2><?=$this->lang->line('home_set_5_h2');?></h2>
        <? $i= 0;?>
        <div class="left">
            <ul>
                <?
                    while($i<=5){
                    ?>
                    <li><span style="font-weight: bold;"><?=$partners[$i]->name;?></span> - <?=$partners[$i]->country;?></li>
                    <?
                        $i++;
                    }
                ?>
            </ul>
            <ul>
                <?
                    while($i<=11){
                    ?>
                    <li><span style="font-weight: bold;"><?=$partners[$i]->name;?></span> - <?=$partners[$i]->country;?></li>
                    <?
                        $i++;
                    }
                ?>
            </ul>
            <ul>
                <?
                    while($i<=17){
                    ?>
                    <li><span style="font-weight: bold;"><?=$partners[$i]->name;?></span> - <?=$partners[$i]->country;?></li>
                    <?
                        $i++;
                    }
                ?>
            </ul>
        </div>
        <div class="left" style="margin-left: 20px;">
            <ul>
                <?
                    while($i<=23){
                    ?>
                    <li><span style="font-weight: bold;"><?=$partners[$i]->name;?></span> - <?=$partners[$i]->country;?></li>
                    <?
                        $i++;
                    }
                ?>
            </ul>
            <ul>
                <?
                    while($i<=29){
                    ?>
                    <li><span style="font-weight: bold;"><?=$partners[$i]->name;?></span> - <?=$partners[$i]->country;?></li>
                    <?
                        $i++;
                    }
                ?>
            </ul>
            <div style="margin-top: 20px; width: 222px; height: 84px; background: url(<?=base_url()?>assets/img/line-partners.png) repeat;"></div>
        </div>
        <div class="clear"></div>
        <div style="margin-top: 20px;">
            <img src="<?=base_url()?>assets/img/hipnotic-line-partners.jpg" alt="Line">
        </div>
    </div>
</div>
<div class="home-box left intro" style="height: 180px;">
    <h2><?=$this->lang->line('home_set_1_h2');?></h2>
    <p style="line-height: 14px;">
        <?=$this->lang->line('home_set_1_p');?>
    </p>
</div>
<style>
    #slider-1 {
        position:relative;
        width:580px; /* Change this to your images width */
        height:212px; /* Change this to your images height */
        background:url(<?=base_url()?>assets/img/nivoslider/loading.gif) no-repeat 50% 50%;
    }
    #slider-2 {
        position:relative;
        width:190px; /* Change this to your images width */
        height:130px; /* Change this to your images height */
        background:url(<?=base_url()?>assets/img/nivoslider/loading.gif) no-repeat 50% 50%;
    }
    #slider-3 {
        position:relative;
        width:190px; /* Change this to your images width */
        height:108px; /* Change this to your images height */
        background:url(<?=base_url()?>assets/img/nivoslider/loading.gif) no-repeat 50% 50%;
    }
    #slider-4 {
        position:relative;
        width:190px; /* Change this to your images width */
        height:268px; /* Change this to your images height */
        background:url(<?=base_url()?>assets/img/nivoslider/loading.gif) no-repeat 50% 50%;
    }
    #slider-1 img, #slider-2 img, #slider-3 img, #slider-4 img {
        position:absolute;
        top:0px;
        left:0px;
        display:none;
    }
    #slider-1 a {
        border:0;
        display:block;
    }
    a.modalCloseImg {
        right: 6px;
    }
    #home-more{
        color: #CD6600;
    }
</style>

<!--HOME SLIDER-->

<div id="slider-1" class="cica left nivoSlider">
    <img src="<?=base_url()?>assets/img/site/<?=$page;?>/home-1.jpg">
    <img src="<?=base_url()?>assets/img/site/<?=$page;?>/home-2.jpg">    
    <img src="<?=base_url()?>assets/img/site/<?=$page;?>/home-3.jpg">    
</div>

<p class="claer"></p>

<!--BUS TOURS-->
<div class="home-box left bus">

    <h2 style="padding: 4px 0 0 0; z-index: 100"><img src="<?=base_url()?>assets/img/site/<?=$page;?>/h2/<?=$lang;?>/bustours.png" alt="Bus tours"></h2>

    <!--LEFT SLIDER-->

    <div id="slider-2" class="nivoSlider">
        <img src="<?=base_url()?>assets/img/site/<?=$page;?>/left-1.jpg">
        <img src="<?=base_url()?>assets/img/site/<?=$page;?>/left-2.jpg">    
        <img src="<?=base_url()?>assets/img/site/<?=$page;?>/left-3.jpg">    
    </div>

    <p>
        <?=$this->lang->line('home_set_2_p');?> 
    </p>

    <div style="margin: 8px 0 0 12px;">
        <img src="<?=base_url()?>assets/img/site/<?=$page;?>/bus.jpg">
    </div>

    <div id="busstour" style="margin-top: 12px;">
        <select id="bus-tours">
            <option value="0" selected="selected">-- Please Select --</option>
            <option value="montenegro_tour">Montenegro tour</option>
            <option value="boka_fjord">Boka fjord</option>
            <option value="skadar_lake">Skadar Lake</option>
            <option value="dubrovnik_croatia ">Dubrovnik&rsaquo;Croatia</option>
            <option value="albania">Albania</option>
            <option value="wild_beauty_montenegro">Wild beauty of Montenegro</option>
        </select>
    </div>
</div>

<div class="left">
    <!--ONLINE KATALOGUE--> 
    <div class="home-box katalog">

        <h2 style="padding: 4px 0 7px 0; z-index: 100"><img src="<?=base_url()?>assets/img/site/<?=$page;?>/h2/<?=$lang;?>/onlinekatalog.gif" alt="Online-Katalog"></h2>

        <p>
            <?=$this->lang->line('home_set_3_p');?>
        </p>

        <div id="busstour">
            <select id="katalog-sel" name="katalog-sel">
                <option value="0">-- Please Select --</option>
                <option value="adria_brosura_<?=$lang;?>.pdf">Adria brochure</option>
                <option value="sto_se_krije_pod_morem_<?=$lang;?>.pdf">What’s Hidden Under the Sea</option>
                
            </select>
        </div>
    </div>
    <p class="clear"></p>

    <!--HOTELS-->
    <div class="home-box hotels" style="width: 190px; height: 108px;">
        <div style="position: absolute; z-index: 100; width: 190px; height: 108px;">
            <h2 style="padding: 4px 0 9px 0"><img src="<?=base_url()?>assets/img/site/<?=$page;?>/h2/<?=$lang;?>/infohotels.png" alt="Info Hotels"></h2>
            <p> 
                <?=$this->lang->line('home_set_4_p');?> 
            </p>
            <div id="hotels-home" style="background: none; margin: 0;">
                <form id="hotel" action="<?=base_url()?>accomodation" method="post">
                    <select id="hotel-sel" name="hotel-sel">
                        <option value="0">-- Please Select --</option>
                        <option value="sun_resort">»Hunguest Hotel Sun Resort«</option>
                        <option value="splendido">»Splendido«</option>                             
                        <option value="marija">»Marija«</option>
                        <option value="avala_resort_villas">»Avala Resort &amp; Villas«</option>
                        <option value="butua">»Butua«</option>
                        <option value="slovenska_plaza">»Slovenska plaza«</option>
                        <option value="aleksandar">»Aleksandar«</option>
                        <option value="max_prestige">»Max Prestige«</option>
                        <option value="lucic">»Lucic«</option>
                        <option value="iberostar_bellevue">»Iberostar Bellevue«</option>
                        <option value="tara">»Tara« </option>
                        <option value="mediteran">»Mediteran« </option>
                        <option value="montenegro_beach_resort">»Montenegro Beach Resort« </option>
                        <option value="splendid">»Splendid Conference &amp; SPA Resort« </option>
                        <option value="queen_of_montenegro">»The Queen of Montenegro«</option>
                        <option value="stella_di_mare">»Stella di Mare« </option>
                        <option value="bella_vista">»Bella Vista« </option>
                        <option value="residence">»Residence Milocer« </option>
                        <option value="maestral">»Maestral Resort &amp; Casino« </option>
                        <option value="villa_milocer">Aman Resort »Villa Milocer«</option>
                        <option value="palas">»Palas« </option>
                        <option value="del_mar">»Del Mar« </option>
                        <option value="w_grand">»W Grand« </option>
                        <option value="rivijera">»Rivijera« </option>
                        <option value="princess">»Princess« </option>
                        <option value="ada_bojana">»Ada Bojana«</option>
                        <option value="lipka">»Lipka« </option>
                        <option value="bianca">»Bianca«</option>                             
                    </select>
                </form>
            </div>
        </div>

        <!--HOTEL SLIDER-->

        <div id="slider-3" class="nivoSlider">
            <img src="<?=base_url()?>assets/img/site/<?=$page;?>/hotel-1.jpg">
            <img src="<?=base_url()?>assets/img/site/<?=$page;?>/hotel-2.jpg">    
            <img src="<?=base_url()?>assets/img/site/<?=$page;?>/hotel-3.jpg">    
        </div>

    </div>
</div>

<div class="left">
    <div class="home-box sea" id="sea">

        <h2 style="position: absolute; margin:12px 0 0 12px; z-index: 100"><img src="<?=base_url()?>assets/img/site/<?=$page;?>/h2/<?=$lang;?>/ourtips.png" alt="Our Tips"></h2>

        <!--TIPS SLIDER-->

        <div id="slider-4" class="nivoSlider">
            <img src="<?=base_url()?>assets/img/site/<?=$page;?>/tips-1.jpg">
            <img src="<?=base_url()?>assets/img/site/<?=$page;?>/tips-2.jpg">    
            <img src="<?=base_url()?>assets/img/site/<?=$page;?>/tips-3.jpg">    
        </div>



    </div>

    <p class="clear"></p>
    <!--PARTNERS-->
    <a href="javascript:void(0)" class="partner-trigger-open">
        <div class="home-box partners">

            <h2 style="padding: 4px 0 7px 0"><img src="<?=base_url()?>assets/img/site/<?=$page;?>/h2/<?=$lang;?>/ourpartners.png" alt="Our Partners"></h2>
            <p> 
                <?=$this->lang->line('home_set_5_p');?>
            </p>

        </div>
    </a>
</div>
<!--EXPLORE MONTENEGRO-->
<div class="left">
    <div class="home-box montenegro">
        <h2 style="padding: 2px 0 8px 0"><img src="<?=base_url()?>assets/img/site/<?=$page;?>/h2/<?=$lang;?>/exploremontenegro.png" alt="Explore Montenegro"></h2>
        <div class="mn">
            <a href="javascript:void(0)" class="open-map"><img src="<?=base_url()?>assets/img/backgrounds/nexticon.gif" /></a>
        </div>
        <p>
            <?=$this->lang->line('home_set_6_p');?> 
        </p>
        <div class="img">              
            <a href="javascript:void(0)" class="open-map">
                <img src="<?=base_url()?>assets/img/site/<?=$page;?>/amc.gif" />
            </a>

            <!--NIVO ZOOM<a href="<?=base_url()?>assets/img/site/<?=$page;?>/panoramska-mapa-72dpi.jpg" class="nivoZoom bottomRight">
            <img src="<?=base_url()?>assets/img/site/<?=$page;?>/amc.gif" />
            </a>-->

        </div>
        <div class="mn2">
            <a href="<?=base_url()?>assets/pdf/mapa_kao_pdf_fajl.pdf" target="_blank"><img src="<?=base_url()?>assets/img/backgrounds/nexticon16x16.gif" /></a>
        </div>
        <div class="note">
            <?=$this->lang->line('home_set_7_p');?>
        </div>
    </div>
    <p class="clear"></p>
</div>
<p class="clear"></p>
<?  $i=0;
    foreach($bustours as $key=>$value){?>
    <div id="<?=$key;?>" style="display: none;">
        <?
            $data['key']= $key;
            $this->load->view('site/bustours/'.$key.'',$data,FALSE);
        ?>
    </div>
    <?}
?>